<template>
    <div class="box">
        <House :fangTab="fangTab" :PATH="'/api/second/housing'" :housetpye="'新房'"></House>
    </div>
</template>
  
<script setup>
import { ref, reactive } from 'vue';
import House from '../../components/House/House.vue'
const fangTab = reactive([
    {
        img: 'http://10.31.71.52:7002/public/static/map/蓝色建筑.png',
        text: '找商铺'
    },
    {
        img: 'http://10.31.71.52:7002/public/static/map/三层别墅.png',
        text: '找写字楼'
    },
    {
        img: 'http://10.31.71.52:7002/public/static/map/橙色建筑.png',
        text: '找小区'
    }
]);

</script>
  
<style scoped lang="scss">
.box {
    width: 100vw;
    height: auto;
    overflow: scroll;
}
</style>
  
